<template>
  <div class="vtx-home">
    <div class="vtx-home__title">
      <h1>假装有个首页...</h1>
    </div>
    <div class="vtx-home__content">
      <CatCodes />
    </div>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import CatCodes from "@/views/CSSDemo/CatCodes.vue";

@Component({
  components: {
    CatCodes
  }
})
export default class Home extends Vue {}
</script>

<style lang="scss" scoped>
@import "src/themes/mixins/mixins.scss";

@include b(home) {
  display: flex;
  flex: 1;
  padding: 0 5vw;
  flex-flow: column;
  @include e(title) {
    height: 0.74rem;
  }
  @include e(content) {
    width: 100%;
    padding-top: 0.5rem;
    margin: 0 auto;
    .terminal_wrap {
      width: 50%;
      height: 100%;
    /deep/  .terminal {
        height: 100%;
      }
    }
  }
}
</style>
